*{
    padding:0;
    margin:0;
    list-style:none;
}
.outbox{
    width: 400px;
    height: 420px;
    // border:1px solid green;
    position: relative;
    margin: 0 auto;
    .box{
        position: absolute;
        width: 400px;
        height: 420px;
        overflow-x: auto;
        .lb_box{
            width:2000px;
            // border: 1px solid green;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 0;
            // border: 1px solid red;
            img{
                float: left;
                width: 400px;
            }
        }
    }
    .left_bottum{
        position: absolute;
        background-image: url(../img/fx1.png);
        left:5px;
        top:50%;
        width: 25px;
        height: 24px;
        cursor:pointer;
    }
    .right_bottum{
        position: absolute;
        background-image: url(../img/fx2.png);
        right: 5px;
        top:50%;
        width: 25px;
        height: 24px;
        cursor:pointer;
    }
    .pages{
        position: absolute;
        text-align: center;
        vertical-align:middle;
        bottom: 25px;   
        left: 150px;
        li{
            float: left;
            margin-left: 5px;
            width: 20px;
            height: 20px;
            border: 1px solid green;
            border-radius: 50%;
            text-align: center;
            cursor:pointer;

        }
        .active{
            color: aliceblue;
            background-color: rgba(0 ,0,0,.3);
        }
    }

}